草庐IT

HTML + CSS - 重叠标题图像

全部标签

javascript - javascript 中的 bg 颜色、悬停、!important 和 .css

我遇到了一个问题。我已经创建了一些“选项卡”功能,如演示中所示:http://jsfiddle.net/4FLCe/计划是,当您将鼠标悬停在选项卡上时,其颜色变为颜色A,当您单击选项卡时,其颜色变为颜色B。从演示中可以看出,单击后悬停时背景颜色停止变化。我想在悬停的背景颜色中添加!important,结果可以看到:http://jsfiddle.net/4FLCe/1/但是这并不像我想要的那样执行,悬停现在可以在javascript设置的背景颜色上工作。然后我将!important添加到javascript中的颜色集。这导致了一些可怕的事情。唯一理解我想要实现的目标的浏览器是Opera

javascript - 哪些 HTML 元素支持 onerror 属性?

我有一个从GoogleWebFonts加载CSS和字体的网站.但是,将使用该站点的一个地方是无法访问Internet的本地Intranet。我仍然想尽可能地使用Google的字体以获得Google提供的好处,例如从CDN下载的字体,并且可能已经在访问使用它们的另一个站点时缓存在用户的计算机上。我也用Google-hostedjQuery如果无法访问Google,我会使用以下代码(来自HTML5Boilerplate)从我的服务器加载jQuery:window.jQuery||document.write('')我正在寻找一种对CSS文件执行相同操作的方法。我用过过去用于处理不加载的图像

javascript - 在发送请求之前更改图像的 src

我对这个问题做了很多研究,但没有成功。基本上我想做的是:1)用占位符替换所有图像的src-属性,例如'blank.gif'2)添加带有原始图片位置的HTML5data-original属性3)Lazyload图像(它需要数据原始属性才能正常工作)我没有成功的尝试:1)附加此事件监听器document.addEventListener('beforeload',doBeforeLoad,true);有了这个功能functionbeforeload(){varblank='image/location/images/blank.gif';$('img').each(function(){v

javascript - 定义图像的一部分并分配给悬停、单击事件

假设我们有一张人体图像,我希望当用户将鼠标悬停在body​​的一部分(头部、ARM等)上时,这个器官会变成绿色,并且当他点击时会发生定义的Action。使用javascript可行吗?如果是的话,概念是什么?问题原因:目标:这是现有项目的一小部分,用户可以在其中输入他的病史,所以我想给他一个下拉菜单,所有器官只显示一个人类模型,他点击并保存他的tramua历史等。要做到这一点,我想我需要一个人体图像,并定义该图像上表示的每个器官的X-Y边界,并为其赋予一些属性(名称)。用户悬停:例如器官显示的边界和背景颜色为绿色当用户点击时,它会调用该对象表单。js-jquery中是否存在类似的东西?

javascript - window.getSelection() 用 HTML 标签偏移?

如果我有以下HTML:Vivamusluctusurnasedurnaultriciesactemporduisagittis.我在mouseup上举办了一场事件查看所选文本的范围:$(".content").on("mouseup",function(){varstart=window.getSelection().baseOffset;varend=window.getSelection().focusOffset;if(start然后我选择单词Vivamus从内容中,它将记录1,8,因为这是选择的范围。如果,但是,我选择了单词urna,它会记录15,20,但不会考虑HTML的元素

javascript - 使用 javascript 将大型 HTML 字符串加载到 UIWebView

通常,当我想使用javascript将HTML字符串加载到webview中时,我会使用类似这样的东西...NSString*htmlString=@"HTMLString";[webViewstringByEvaluatingJavaScriptFromString:[NSStringstringWithFormat:@"document.getElementById('elementid').innerHTML=\"%@\";",htmlString]];虽然这对于小字符串似乎很有效,但当字符串相对较大时就没有效果了。显然,有一个长度限制。所以,我的问题是,是否有人知道无需重新加载w

javascript - 动态获取 vimeo 视频的缩略图和标题

摘自这个问题:GetimgthumbnailsfromVimeo?我正在尝试创建一个包含多个vimeo视频的页面。我想让HTML中的视频看起来像这样:然后我希望jQuery使用img填充divs,其中src是来自vimeo的缩略图,以及一个a指向视频,其文本是视频的标题。也就是说,它应该像这样结束:VideoTitle(为清楚起见添加了缩进)这是我从另一个问题开始的观点:$.ajax({type:'GET',url:'http://vimeo.com/api/v2/video/'+video_id+'.json',jsonp:'callback',dataType:'jsonp',su

javascript - 如何将 m4v 视频文件嵌入到我的 html 网页中?

我目前正在尝试将m4v视频嵌入到我的html网页中。使用以下代码它在googlechrome中完美运行。它需要mozilla的ogv视频浏览器。因为我们无法从客户端获取ogv视频。我也在使用它在英雄框架中。我还尝试使用youtube嵌入代码使用的iframe标签。它适用于webkit浏览器(googlechrome)。但无法在mozillafirefox浏览器中播放。我需要在跨浏览器中播放m4v视频。有什么方法或我在这里缺少任何html标签吗?我探索了很多但找不到有效的解决方案。 最佳答案 m4v格式文件不被浏览器支持,这些格式需要

javascript - 类似风险(基于区域)的 map 和 HTML/JavaScript

假设我们有一个类似Risk的世界地图,它被划分为自定义形状的区域。如何让用户使用HTML5/JavaScript选择一个单独的区域?我假设Canvas2D是第一步,但接下来呢? 最佳答案 有无数伟大的图书馆。举几个例子:http://d3js.org/http://raphaeljs.com/http://paperjs.org/http://box2d-js.sourceforge.net/http://threejs.org/具体例子:http://bl.ocks.org/mbostock/2206590http://rapha

javascript - 使用网络摄像头捕捉图像

我正在使用Asp.netMVC4开发一个项目。我需要用网络摄像头拍照。此应用程序应该可以配置为任何平板电脑。目前在台式机上运行该应用程序,在平板电脑上没有。我正在使用jscam.swf和jscam_canvas_only.swf。在平板电脑上,我在这些设备上使用SamsungGalaxy安装adobeflashplayer无法正常工作...有人知道其他一些拍照技术,或者如果有人可以帮助我解决这个问题,我将不胜感激 最佳答案 Flash在Android平板电脑上的支持有限,在iOS设备上不支持。更好的解决方案可能是转向100%HTML